<%-- 
    Document   : ranking
    Created on : 22-nov-2011, 17:02:54
    Author     : JAVA
--%>

<%@page import="negocio.Paginacion"%>
<%@page import="java.util.TreeSet"%>
<%@page import="Persistencia.PersistenciaUsuario"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<link href="perfil.css" rel="StyleSheet" type="text/css"/>
<%@page import="negocio.Usuario"%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <div class="cabecera">

            <%@include file="cabecera.jsp" %>

        </div>
        <div class="container">
            <div class="personal">
                <div class="lateral">
                    <%@include file="lateral.jsp" %>
                </div>
            </div>
            <div class="cuerpo">
                <div class="pagina">
                    <div class="ranking">
                        <h1 style="position:relative; left: 200px; width: 500px;">Ranking de Puntuaciones de RedSkater</h1>
                        <%Usuario usuario = (Usuario) session.getAttribute("usuario");
                        Paginacion p=null;
                        if(request.getAttribute("paginacion")!=null){
                            p=(Paginacion)request.getAttribute("paginacion");
                        }
                            TreeSet<Usuario> setUsuarios = (TreeSet<Usuario>)request.getAttribute("setRanking");
                            
                            int contador=p.getRegistrosPagina()*(p.getPaginaActual()-1)+1;
                            for (Usuario user : setUsuarios) {
                                String nombre = user.getNombre();
                                String apellidos = user.getApellidos();
                                String ciudad = user.getCiudad();
                                String estilo = user.getEstilo();
                                String nivel = user.getNivel();
                                String imagen = user.getFoto();
                        %>
                        <ul class="<%=nivel%>">
                        <li id="rank">#<%=contador%></li>
                        <li><img src="<%=imagen%>" width="100px" height="100" /></li>
                        <li><strong><a href="Controlador?opc=ver&id=<%=user.getId()%>" ><%=nombre%> <%=apellidos%></a> </strong></li>                            
                        <li>de: <%=ciudad%></li>
                        <li>estilo:  <%=estilo%></li>
                        <li>nivel: <strong> <%=nivel%></strong></li>
                        </ul>
                        <%/*
                                if (u.getUsuariosQueSigue().contains(user)) {
                                out.print("<a href='Controlador?opc=message&id="+user.getId()+"'><img src='imagenes/send.png'></a>");
                                } else {
                                out.print("<a href='Controlador?opc=add&id="+user.getId()+"'><img src='imagenes/add.png' width='48px' height='48px'></a>");
                                }*/
                        contador++;
                                }
                        
                        %>
                    </div>
                    <%
                    if (!p.primeraPagina()) {
                            out.print("<a style='float: left;' href='Controlador?opc=ranking&pagina=" + p.paginaAnterior() + "' id='pag' ><img src='imagenes/left.png' alt= 'imagen siguiente' /></a> ");
                        }
                            if (!p.ultimaPagina()) {
                            out.print("<a href='Controlador?opc=ranking&pagina=" + p.siguientePagina() + "' id='pag' ><img src='imagenes/right.png' alt= 'imagen siguiente' /></a> ");
                        }%>
                            
                </div>
            </div>
        </div>
    </body>
</html>
